// pages/zdms/zdms.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    //选项卡自适应高度
    currentTab: 0,
    swiperHeight: 200,

    timeList: [{//时间数组
      title: "距离本场结束",
      endTime: "2020-09-23 18:00:00",
    },
    ],

  },

  //多个倒计时
  //时间显示小于10的前面补0方法
  timeFormat(param) {
    return param < 10 ? '0' + param : param;
  },
  //多个倒计时函数
  severalCountDown: function () {
    var that = this;
    var time = 0;
    var obj = {};
    var timeList = that.data.timeList;
    //遍历数组，计算每个item的倒计时秒数
    timeList.forEach(function (item) {
      var endTime = new Date(item.endTime.replace(/-/g, "/")).getTime();//结束时间时间戳
      var currentTime = new Date().getTime();//当前时间时间戳
      time = (endTime - currentTime) / 1000;
      // 如果活动未结束
      if (time > 0) {
        var hou = parseInt(time / (60 * 60));
        var min = parseInt(time % (60 * 60 * 24) % 3600 / 60);
        var sec = parseInt(time % (60 * 60 * 24) % 3600 % 60);
        obj = {
          hou: that.timeFormat(hou),
          min: that.timeFormat(min),
          sec: that.timeFormat(sec)
        }
      } else { //活动已结束
        obj = {
          hou: "00",
          min: "00",
          sec: "00"
        }
        clearTimeout(that.data.timeIntervalSeveral); //清除定时器
      }
      item.time = obj;
    })
    var timeIntervalSeveral = setTimeout(that.severalCountDown, 1000);
    that.setData({
      timeIntervalSeveral,
      timeList,
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    //选项卡自适应高度
    this.setSwiperHeight();


    this.severalCountDown();//多个定时器

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },

  //选项卡自适应高度
  //以下为tab事件
  setSwiperHeight: function () {
    let that = this

    // 创建节点选择器
    let query = wx.createSelectorQuery();
    query.select('.swiper-view-' + that.data.currentTab).boundingClientRect((rect) => {
      let rectHeight = rect.height; // 获取高度
      that.setData({
        swiperHeight: rectHeight > 200 ? rectHeight : 200
      })

      console.log(JSON.stringify(rect))
    })
    query.exec()
  },
  //tab切换函数，让swiper当前滑块的current的index与tab头部index一一对应
  switchNav: function (e) {
    var index = e.target.dataset.current;
    if (this.data.currentTab == index) {
      return false;
    } else {
      this.setData({
        currentTab: index
      });
    }

    this.setSwiperHeight()
  },
  //滑动swiper切换，让swiper当前滑块的current的index与tab头部index一一对应
  tabChange(e) {
    this.setData({
      currentTab: e.detail.current
    })

    this.setSwiperHeight()
  },
  
})